.ame-switch-text {
	width: 100%;
	margin-left: 8px;
	font-size: 14px;
	color: #262626;
	cursor: pointer;
	font-weight: 400;
}
.switch-bottom-text {
	width: 100%;
	color: #8c8c8c;
	font-size: 13px;
}
.main {
	width: 100%;
	height: 100%;
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.avater-boxs {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #000000a6;
		.avater-img {
			width: 23px;
			height: 23px;
		}
	}
	.content {
		padding: 16px;
		.card-box {
			position: relative;
			margin: 0;
			padding: 24px;
			background: #fff;
			border-radius: 2px;
			box-sizing: border-box;
			color: rgba(0, 0, 0, 0.65);
			font-size: 14px;
			border: 1px solid #e8e8e8;
			font-variant: tabular-nums;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			.select-content {
				width: 100%;
				padding: 0 24px;
				background: #fbfbfb;
				border-radius: 2px;
				border: 1px solid #ebebeb;
				.ame-form-item {
					display: flex;
					margin-bottom: 15px;
					.ame-form-item-label {
						display: inline-flex;
						align-items: center;
						justify-content: right;
						font-size: 14px;
						color: #595959;
					}
					.ame-form-item-content {
						flex: 1;
					}
				}

				.bar {
					font-size: 13px;
					line-height: 18px;
					color: #000;
					padding: 11px 24px 0 0;
				}
				.client-info {
					margin-bottom: 12px;
					font-size: 13px;
					color: rgba(0, 0, 0, 0.45);
				}
			}
			.driver {
				display: flex;
				.driver-left {
					width: 78%;
					padding-right: 73px;
					.group-btn {
						width: 108px;
						height: 36px;
						color: #1890ff;
						border: 1px solid #1890ff;
					}
					.tips {
						display: flex;
						padding: 13px 16px;
						margin-top: 6px;
						background: #fff7f0;
						font-size: 13px;
						line-height: 18px;
						color: #bb5223;
						border-radius: 3px;

						ul {
							-webkit-box-flex: 1;
							flex: 1;
							min-width: 0;
						}
					}
					.group-icon {
						width: 22px;
						height: 22px;
						background: #f0f0f0;
						padding: 4px;
						text-align: center;
						line-height: 22px;
						cursor: pointer;
					}
					.groupChart-list {
						-webkit-box-flex: 1;
						flex: 1;
						height: 252px;
						background: #fbfbfb;
						border: 1px solid #eee;
						box-sizing: border-box;
						border-radius: 2px;
						padding: 18px;
						.groupChart-item {
							display: flex;
							align-items: center;
						}
						.group-card {
							max-width: 240px;
							min-width: 130px;
							-webkit-box-flex: 1;
							flex: 1;
							height: 60px;
							background: #fff;
							border: 1px solid #e6e6e6;
							box-sizing: border-box;
							border-radius: 2px;
							display: -webkit-box;
							display: flex;
							-webkit-box-align: center;
							align-items: center;
							padding-left: 13px;
							padding-right: 5px;
							margin-right: 8px;
							img {
								width: 36px;
								height: 36px;
								margin-right: 9px;
							}
							.name {
								-webkit-box-flex: 1;
								flex: 1;
								color: #222;
								font-size: 14px;
								height: 22px;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
							.count {
								color: #999;
								opacity: 0.85;
								font-size: 13px;
							}
						}
						.upload-box {
							margin-top: 20px;
						}
					}
				}
				.driver-right {
					display: flex;
					flex-direction: column;
					align-content: center;
					justify-content: center;
					// width: 20%;
					p {
						width: 100%;
						margin-top: 14px;
						margin-bottom: 24px;
						text-align: center;
						font-size: 14px;
						line-height: 20px;
						color: #000;
						opacity: 0.65;
					}
					.phone-preview-content {
						width: 274px;
						height: 535px;
						position: relative;
						.now-time {
							position: absolute;
							top: 95px;
							left: 121px;
							font-size: 10px;
							color: #999;
							line-height: 13px;
						}
						.inner {
							position: absolute;
							top: 128px;
							left: 27px;
							-webkit-box-flex: 1;
							flex: 1;
							padding-right: 9px;
							overflow: auto;
							.message {
								display: flex;
								width: 100%;
								-webkit-box-pack: start;
								justify-content: flex-start;
								margin-bottom: 17px;
								.avatar {
									width: 26px;
									height: 26px;
									margin-right: 8px;
								}
								div {
									max-width: 183px;
									background: #fff;
									border-radius: 2px;
									display: -webkit-box;
									display: flex;
									-webkit-box-align: center;
									align-items: center;
									padding: 7px 11px;
									font-size: 12px;
									word-break: break-all;
									white-space: pre-wrap;
									position: relative;
								}
								div:after {
									display: flex;
									box-sizing: content-box;
									content: '';
									width: 0;
									height: 0;
									border: 3px solid transparent;
									border-right-color: #fff;
									position: absolute;
									left: -6px;
									top: 5px;
								}
							}
						}
						.bg {
							width: 274px;
						}
					}
				}
			}
			.content-select-all {
				display: flex;
				align-items: center;
				margin-top: 10px;
				font-size: 13px;
				height: 40px;
				color: #666;
				line-height: 20px;
				padding: 10px 8px 8px;
				background: #ecf8fe;
				position: relative;
				.serach {
					color: #1890ff;
					cursor: pointer;
				}
			}

			h4 {
				margin-top: 16px;
				font-weight: 700;
				font-size: 15px;
				color: #000;
				opacity: 0.85;
			}
			.ame-alert {
				display: flex;
				align-items: center;
				min-height: 40px;
				line-height: 20px;
				padding: 10px 16px;
				background-color: #fff6e3;
				border-radius: 2px;
				color: #ad4e00;
				.bell-icon {
					margin-right: 5px;
					font-size: 15px;
					color: #ff8f16;
				}
			}
		}
		.footer-btn {
			margin-top: 40px;
			margin-bottom: 8px;
			.ame-btn-lg {
				width: 162px;
				height: 40px;
				border-radius: 2px;
			}

			span {
				font-size: 14px;
				line-height: 18px;
				color: rgba(0, 0, 0, 0.45);
				opacity: 0.65;
				margin-left: 10px;
			}
		}
	}
}
